<template>
	<div>
		<el-form label-width="100px">
            <el-form-item label="主营设备">
                <el-select v-model="form.addDeviceInfo.device" multiple placeholder="请选择" style="width:100%">
                    <el-option v-for="item in initData.device" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="企业知名度">
                <el-select v-model="form.addDeviceInfo.popular" placeholder="请选择">
                    <el-option v-for="item in initData.popular" :label="item.name" :value="item.id" :key="item.id">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="售后网络覆盖区域">
                <el-select v-model="form.addDeviceInfo.area" multiple placeholder="请选择" style="width:100%">
                    <el-option v-for="item in initData.area" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="市场占有率">
                <el-input v-model="form.addDeviceInfo.market"></el-input>
            </el-form-item>
            <el-form-item label="销售方式">
                <el-checkbox-group v-model="form.addDeviceInfo.method">
                    <el-checkbox v-for="item in initData.method" :label="item.label" :key="item.value">{{item.label}}</el-checkbox>
                </el-checkbox-group>
            </el-form-item>
        </el-form>
	</div>
</template>

<script>

export default{
	data(){
		return{
			form:{
				addDeviceInfo:{
					device:[],
					popular:'',
					area:[],
					market:'',
					method:[]
				}
			},
			initData:{
				device:[],
				popular:[],
				area:[],
				method:[]
			}
		}
	}
}	
</script>